www.gusucode.com > Piwik 网站流量统计系统 v2.9.1PHP源码程序 > Piwik 网站流量统计系统 v2.9.1/How to install Piwik.html/piwik/plugins/Login/stylesheets/login.css
/* LOGO ***********************/ #logo { float: none; margin: 100px auto 0 auto; width: 240px; position: relative; } #logo .description { position: absolute; left: -40px !important; top: -30px !important; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); } #logo .description a { font: 16px/16px 'Patrick Hand'; color: #666666; right: auto; text-decoration: none; } #logo .description .arrow { background: url(../../Morpheus/images/affix-arrow.png); width: 50px; height: 68px; position: absolute; left: -35px; } #logo img { border: 0; vertical-align: bottom; height: auto; width: 240px; margin-right: 20px; } #logo .h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #136F8B; font-size: 45pt; text-transform: none; } /* LAYOUT ***********************/ #loginPage a { text-decoration: none; } .loadingPiwik { float: left; margin-left: 16px; } .loginSection { background-color: #fafafa; width: 360px; padding: 30px; margin: 50px auto 0 auto; border-radius: 3px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2); } .loginSection h1 { text-align: center; color: #666; margin: 0 0 30px 0; font-style: normal; font-weight: normal; font-size: 26px; line-height: 1; position: relative; } /* FORM ***********************/ .loginSection form { margin: 0 5px; padding: 15px; position: relative; } .loginSection form div { margin-bottom: 24px; } .loginSection .submit { margin-top: 0; } .loginSection fieldset { border: 0; } .loginSection fieldset.actions { line-height: 35px; width: 315px; margin-top: 10px; } #login_form_rememberme { vertical-align: middle; } /* FIELDS ***********************/ .loginSection form input[type="text"], .loginSection form input[type="password"] { font-size: 20px; padding: 10px 15px 10px 45px; margin: 0 0 15px 0; width: 253px; /* 258 + 2 + 55 = 315 */ border: 1px solid #ccc; border-radius: 5px; color: #555; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; } #login_form_password, #reset_form_password, #reset_form_password_bis, #login_form_login, #reset_form_login { background: #fff url(../../Morpheus/images/login-sprite.png) no-repeat; } #login_form_password, #reset_form_password, #reset_form_password_bis { background-position: 10px -51px; } #login_form_login, #reset_form_login { background-position: 10px 11px; } /* MESSAGE ***********************/ #loginPage .message_error, #loginPage .message { margin: 0 auto; border: 1px solid; padding: 12px; } #loginPage .message_error { background-color: #ffebe8; border-color: #c00; } #loginPage .message { background-color: #ffffe0; border-color: #e6db55; } /* NAVIGATION ***********************/ #nav, #piwik { margin: 0 0 0 8px; padding: 16px; } #nav { text-align: center; } #nav a:hover { text-decoration: underline; } #loginPage #nav a { color: #777; } #loginPage #piwik a { color: #CDCDCD; } /* IE < 9 will use this */ html.old-ie .ie-hide { display: none; }